// 测试基地址的使用
// document.querySelector('#btn-register').addEventListener('click', () => {
//     axios({
//         url: '/register',
//         method: 'post',
//         data: {
//             username: "admin999",
//             password: "123456"
//         }
//     })
// })

// 收集并校验数据，提交至服务器
document.querySelector('#btn-register').addEventListener('click', async () => {
    // 1、收集并校验数据
    const form = document.querySelector('.register-form')
    const data = serialize(form, {hash: true, empty: true})
    // console.log(data)
    const {username, password} = data

    // 判断非空
    if (username === '' || password === '') {
        showToast('用户名或密码不能为空！')
        return
    }

    // 判断长度
    if (username.length < 8 || username.length > 30) {
        showToast('用户名的长度需要大于等于8且小于等于30')
        return
    }
    if (password.length < 6 || password.length > 30) {
        showToast('密码的长度需要大于等于6且小于等于30')
        return
    }

    // 数据提交
    try {
        const res = await axios.post('/register', {username, password})
        // console.log(res)
        showToast(res.message)
    } catch (error) {
        // console.dir(error)
        showToast(error.response.data.message)
    }

})